<template>
  <div class="outer">
    <Header></Header>
    <Toolbar></Toolbar>
    <router-view />
    <Footer v-show="!$route.meta.isShow"></Footer>
  </div>
</template>

<script>
import Header from "./components/Header";
import Footer from "./components/Footer";
import Toolbar from "./components/Toolbar";

import { mapActions } from "vuex";

export default {
  name: "App",
  components: {
    Header,
    Footer,
    Toolbar,
  },
  methods: {
    ...mapActions("home", ["getListData"]),
  },
  mounted() {
    this.getListData();
  },
};
</script>
<style>
a {
  cursor: pointer;
}
</style>
